<template>
  <div class="Table">
    <div class="tableTilte">
      {{ tableTilte }}
    </div>
    <div class="tableContent">
      <el-table
        :data="tableData"
        style="width: 100%"
        border
        :header-cell-style="{ 'text-align': 'center' }"
        :cell-style="{ 'text-align': 'center' }"
      >
        <el-table-column prop="name" label="部门/处理建议"> </el-table-column>
        <el-table-column prop="zanwu" label="转介至专业机构"> </el-table-column>
        <el-table-column prop="jiaodi" label="24小事监护"> </el-table-column>
        <el-table-column prop="zhodeng" label="通知相关管理员"> </el-table-column>
        <el-table-column prop="jiaogao" label="进行心理咨询"> </el-table-column>
        <el-table-column prop="jigao" label="暂时无需干预"> </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: "Fenbu",
  props: {
    tableTilte: {
      type: String,
      default: "",
    },
    tableData: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {};
  },
  methods: {
   
  },
};
</script>

<style scoped>
.Table {
  width: 100%;
  text-align: start;
  margin: 1rem 0;
}
.tableTilte {
  font-size: 1rem;
  color: #cccccc;
}
</style>